<template>
    <div class="dashboard">
        <el-card class="dashboard_body">
            <el-row class="dashboard_body_header">
                <el-col class="dashboard_body_header_left">
                    <el-row type="flex" align="middle">
                        <span class="dept-logo">研</span>
                        <span class="dept-title">研发部门</span>
                        <span>申请认证</span>
                    </el-row>
                </el-col>
                <el-col></el-col>
            </el-row>
        </el-card>
    </div>
</template>

<style lang="less">
.dashboard {
    height: 100%;

    &_body {
        height: 100%;

        &_header {
            height: 100%;
            padding: 25px;

            &_left {
                span:first-child {
                    display: inline-block;
                    width: 42px;
                    line-height: 42px;
                    text-align: center;
                    background-color: #409eff;
                    color: #fff;
                    border-radius: 3px;
                    font-size: 18px;
                    font-weight: 900;
                    margin-right: 6px;
                }

                span:nth-child(2) {
                    font-size: 16px;
                    font-weight: 900;
                    margin-right: 8px;
                }

                span:nth-child(3) {
                    font-size: 12px;
                    border-radius: 15px;
                    border: 0.5px solid #8e6ad1;
                    color: #8e6ad1;
                    padding: 2px 8px;
                    cursor: pointer;
                }
            }
        }
    }
}
</style>
